<!-- <div class="container-fluid"> -->
  <nav class="navbar navbar-expand-lg navbar-dark bg-dark mb-4">
      <a class="navbar-brand" href="#">A tool website</a>
      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExample02" aria-controls="navbarsExample02" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>

      <div class="collapse navbar-collapse" id="navbarsExample02">
        <ul class="navbar-nav mr-auto">
          <li class="nav-item active">
            <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="/tools">Tools</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="#">Link</a>
          </li>
          <li class="nav-item">
          <a class="nav-link" href="http://andywei.club:4096">Notes</a>
        </li>
        </ul>



        <form class="form-inline my-2 my-md-0">
          <input class="form-control" type="text" placeholder="Search">
        </form>

        <#if (user)??>
            <div class="navbar-right" style="margin:10px">
              <div style = "margin:10px;display:inline;color:white">欢迎您，${user.username?if_exists}</div>
              <div style = "display:inline;" >
                <a href="/logout" class="btn btn-sm btn-primary" >退出登录</a>
              </div>
            </div>  
        <#else>
          <ul class="navbar-nav">
            <li class="nav-item">
              <a class="nav-link" href="/login">Sign in</a>
            </li>

            <li class="nav-item">
              <a class="nav-link" href="/register">Sign up</a>
            </li>
          </ul>
        </#if>
      </div>
    </nav>

 <!--  <nav class="navbar navbar-expand-lg navbar-dark bg-dark mb-4" >
    <img src="/resources/common/Shards-Version-2.0.3/images/demo/shards-logo.svg" alt="Example Navbar 1" class="mr-2" height="30">
    <a class="navbar-brand" href="#">Shards-private</a>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown-6" aria-controls="navbarNavDropdown-6" aria-expanded="true" aria-label="Toggle navigation">
      <span class="navbar-toggler-icon"></span>
    </button>

    <div class="navbar-collapse mr-auto collapse show" id="navbarNavDropdown-6">
      <ul class="navbar-nav mr-auto">
        <li class="nav-item active">
          <a class="nav-link" href="#">home
            <span class="sr-only">(current)</span>
          </a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="/tools">Tools</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="http://www.andywei.club:4096">Notes</a>
        </li>
        <li class="nav-item dropdown">
          <a class="nav-link dropdown-toggle" href="https://designrevision.com" id="navbarDropdownMenuLink-6" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
            我的
          </a>
          <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink-6">
            <a class="dropdown-item" href="#">Design</a>
            <a class="dropdown-item" href="#">Development</a>
            <a class="dropdown-item" href="#">Marketing</a>
          </div>
        </li>
      </ul>
       
      <#if (user)??>
          <div class="navbar-right" style="margin:10px">
            <div style = "margin:10px;display:inline;color:white">欢迎您，${user.username?if_exists}</div>
            <div style = "display:inline;" >
              <a href="/logout" class="btn btn-sm btn-primary" >退出登录</a>
            </div>
          </div>  
      <#else>
        <ul class="navbar-nav">
          <li class="nav-item">
            <a class="nav-link" href="/login">Sign in</a>
          </li>

          <li class="nav-item">
            <a class="nav-link" href="/register">Sign up</a>
          </li>
        </ul>
      </#if>
    </div>
  </nav>  -->
<!-- </div> -->